<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>MyBlog</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    <meta name="keywords" content="MinHow,MinHow's Blog" />
  
  <meta name="description" content="一. 主题简介  MiHo 是一款单栏响应式的Hexo主题；基于 Hexo 3.0+ 制作，兼容移动端浏览；主题的代码托管在GitHub上，欢迎Star和Fork；如遇到问题或发表建议，可以提Issues，也可以在博客中留言给我。 二. 安装2.1 安装主题1$ git clone https:&#x2F;&#x2F;github.com&#x2F;WongMinHo&#x2F;hexo-theme-miho.git themes&#x2F;m">
<meta property="og:type" content="article">
<meta property="og:title" content="MyBlog">
<meta property="og:url" content="http://yjq1781693582.gitee.io/blog/2022/02/26/Test/index.html">
<meta property="og:site_name" content="MyBlog">
<meta property="og:description" content="一. 主题简介  MiHo 是一款单栏响应式的Hexo主题；基于 Hexo 3.0+ 制作，兼容移动端浏览；主题的代码托管在GitHub上，欢迎Star和Fork；如遇到问题或发表建议，可以提Issues，也可以在博客中留言给我。 二. 安装2.1 安装主题1$ git clone https:&#x2F;&#x2F;github.com&#x2F;WongMinHo&#x2F;hexo-theme-miho.git themes&#x2F;m">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="http://yjq1781693582.gitee.io/blog/2022/02/26/Test/img/github-third.jpg">
<meta property="article:published_time" content="2022-02-26T13:42:10.122Z">
<meta property="article:modified_time" content="2022-02-26T13:43:14.803Z">
<meta property="article:author" content="Little Yu">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://yjq1781693582.gitee.io/blog/2022/02/26/Test/img/github-third.jpg">
  
  
    <link rel="icon" href="/favicon.ico">
  
  <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  
<link rel="stylesheet" href="/css/style.css">

  
<script src="/js/pace.min.js"></script>

  

  
  

<meta name="generator" content="Hexo 5.4.1"></head>

<body>
  <div id="container">
      <header id="header">
    <div id="banner"></div>
    <div id="header-outer">
        <div id="header-menu" class="header-menu-pos animated">
            <div class="header-menu-container">
                <a href="/" class="left">
                    <span class="site-title">MinHow&#39;s Blog</span>
                </a>
                <nav id="header-menu-nav" class="right">
                    
                    <a  href="/">
                        <i class="fa fa-home"></i>
                        <span>Home</span>
                    </a>
                    
                    <a  href="/archives">
                        <i class="fa fa-archive"></i>
                        <span>Archives</span>
                    </a>
                    
                    <a  href="/about">
                        <i class="fa fa-user"></i>
                        <span>About</span>
                    </a>
                    
                </nav>
                <a class="mobile-header-menu-button">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </div>
        <div id="header-row">
            <div id="logo">
                <a href="/">
                    <img src="/images/logo.png" alt="logo">
                </a>
            </div>
            <div class="header-info">
                <div id="header-title">
                    
                    <h2>
                        MinHow&#39;s Blog
                    </h2>
                    
                </div>
                <div id="header-description">
                    
                    <h3>
                        一个专注 WEB 开发的技术博客
                    </h3>
                    
                </div>
            </div>
            <nav class="header-nav">
                <div class="social">
                    
                        <a title="MinHow" target="_blank" href="//minhow.com">
                            <i class="fa fa-home fa-2x"></i></a>
                    
                        <a title="Github" target="_blank" href="//github.com/wongminho">
                            <i class="fa fa-github fa-2x"></i></a>
                    
                        <a title="Weibo" target="_blank" href="//weibo.com/WongMinHo">
                            <i class="fa fa-weibo fa-2x"></i></a>
                    
                        <a title="Twitter" target="_blank" href="//twitter.com/huangminhow">
                            <i class="fa fa-twitter fa-2x"></i></a>
                    
                </div>
            </nav>
        </div>
    </div>
</header>
      <div class="outer">
        <section id="main" class="body-wrap"><article id="post-Test" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-inner">
    
    <div class="article-entry post-content" itemprop="articleBody">
      
            
            <p><img src="img/github-third.jpg" alt="miho"></p>
<h3 id="一-主题简介"><a href="#一-主题简介" class="headerlink" title="一. 主题简介"></a>一. 主题简介</h3><p>  MiHo 是一款单栏响应式的<a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a>主题；基于 Hexo 3.0+ 制作，兼容移动端浏览；主题的代码托管在<a target="_blank" rel="noopener" href="https://github.com/WongMinHo/hexo-theme-miho">GitHub</a>上，<br>欢迎Star和Fork；如遇到问题或发表建议，可以提<a target="_blank" rel="noopener" href="https://github.com/WongMinHo/hexo-theme-miho/issues">Issues</a>，也可以在博客中留言给我。</p>
<h3 id="二-安装"><a href="#二-安装" class="headerlink" title="二. 安装"></a>二. 安装</h3><h4 id="2-1-安装主题"><a href="#2-1-安装主题" class="headerlink" title="2.1 安装主题"></a>2.1 安装主题</h4><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ git clone https://github.com/WongMinHo/hexo-theme-miho.git themes/miho</span><br></pre></td></tr></table></figure>

<p>MiHo 主题需要Hexo 3.0或以上版本，请先升级。</p>
<h4 id="2-2-更新"><a href="#2-2-更新" class="headerlink" title="2.2 更新"></a>2.2 更新</h4><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">cd themes/miho</span><br><span class="line">git pull</span><br></pre></td></tr></table></figure>

<h4 id="2-3-依赖安装"><a href="#2-3-依赖安装" class="headerlink" title="2.3 依赖安装"></a>2.3 依赖安装</h4><p>如下依赖如果已经安装，请看配置介绍。</p>
<h5 id="Json-content"><a href="#Json-content" class="headerlink" title="Json-content"></a>Json-content</h5><p>生成站点文章静态数据，用于站内搜索。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-generator-json-content --save</span><br></pre></td></tr></table></figure>



<h3 id="三-站点配置"><a href="#三-站点配置" class="headerlink" title="三. 站点配置"></a>三. 站点配置</h3><p>站点配置文件<code>_config.yml</code>在hexo根目录下。</p>
<h4 id="3-1-启用主题"><a href="#3-1-启用主题" class="headerlink" title="3.1 启用主题"></a>3.1 启用主题</h4><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">`theme: miho`</span><br></pre></td></tr></table></figure>

<h4 id="3-2-网站基本配置"><a href="#3-2-网站基本配置" class="headerlink" title="3.2 网站基本配置"></a>3.2 网站基本配置</h4><p>以下配置是站点的全局配置，更多配置，请<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/configuration.html">查看</a></p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">title: MinHow&#x27;s Blog</span><br><span class="line">subtitle: 网站副标题</span><br><span class="line">description: 专注 WEB 开发的技术博客</span><br><span class="line">author: MinHow</span><br><span class="line">language: 网站使用的语言</span><br><span class="line">timezone: 网站时区</span><br></pre></td></tr></table></figure>



<h4 id="3-3-jsonContent配置"><a href="#3-3-jsonContent配置" class="headerlink" title="3.3 jsonContent配置"></a>3.3 jsonContent配置</h4><p>详细的配置请查看<a target="_blank" rel="noopener" href="https://github.com/alexbruno/hexo-generator-json-content">hexo-generator-json-content</a></p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line">jsonContent:</span><br><span class="line">  meta: false</span><br><span class="line">  pages: false</span><br><span class="line">  posts:</span><br><span class="line">    title: true</span><br><span class="line">    date: true</span><br><span class="line">    path: true</span><br><span class="line">    text: true</span><br><span class="line">    raw: false</span><br><span class="line">    content: false</span><br><span class="line">    slug: false</span><br><span class="line">    updated: false</span><br><span class="line">    comments: false</span><br><span class="line">    link: false</span><br><span class="line">    permalink: false</span><br><span class="line">    excerpt: false</span><br><span class="line">    categories: false</span><br><span class="line">    tags: false</span><br></pre></td></tr></table></figure>



<h3 id="四-主题配置"><a href="#四-主题配置" class="headerlink" title="四. 主题配置"></a>四. 主题配置</h3><p>编辑主题配置文件，<code>themes/miho/_config.yml</code>。</p>
<h4 id="4-1-属性"><a href="#4-1-属性" class="headerlink" title="4.1 属性"></a>4.1 属性</h4><p>下面将介绍几个比较重要的配置。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br></pre></td><td class="code"><pre><span class="line"># hexo-theme-miho</span><br><span class="line"># https://github.com/wongminho/hexo-theme-miho</span><br><span class="line"></span><br><span class="line"># Favicon of your site | 网站icon</span><br><span class="line">favicon: /favicon.ico</span><br><span class="line"></span><br><span class="line"># Header</span><br><span class="line"></span><br><span class="line"># Keywords of your site | 网站关键字</span><br><span class="line">keywords: MinHow,MinHow&#x27;s Blog</span><br><span class="line"># Head headline | 头部标题</span><br><span class="line">header_title: MinHow&#x27;s Blog</span><br><span class="line"># Head description | 头部描述</span><br><span class="line">header_description: 一个专注 WEB 开发的技术博客</span><br><span class="line"># Link to your logo | logo地址</span><br><span class="line">logo: images/logo.png</span><br><span class="line"># Link to your banner_img | 首页banner图地址</span><br><span class="line">banner_img: images/banner.jpg</span><br><span class="line"># Menu setting | 菜单设置</span><br><span class="line">#  name:                  Font Awesome icon | Font Awesome 图标</span><br><span class="line">#    title: Home          Title | 标题</span><br><span class="line">#    url: //minhow.com    Url, absolute or relative path | 链接，绝对或相对路径</span><br><span class="line">#    target: true         Whether to jump out | 是否跳出</span><br><span class="line">menu:</span><br><span class="line">  home:</span><br><span class="line">    title: Home</span><br><span class="line">    url: /</span><br><span class="line">    target: false</span><br><span class="line">  archive:</span><br><span class="line">    title: Archives</span><br><span class="line">    url: /archives</span><br><span class="line">    target: false</span><br><span class="line">  user:</span><br><span class="line">    title: About</span><br><span class="line">    url: /about</span><br><span class="line">    target: false</span><br><span class="line"># Social setting, use to display social information | 社交设置，用来展示社交信息</span><br><span class="line">#  name:                  Font Awesome icon | Font Awesome 图标</span><br><span class="line">#    title: Home          Icon title | 图标标题</span><br><span class="line">#    url: //minhow.com    Url, absolute or relative path | 链接，绝对或相对路径</span><br><span class="line">#    target: true         Whether to jump out | 是否跳出</span><br><span class="line">social:</span><br><span class="line">  home:</span><br><span class="line">    title: MinHow</span><br><span class="line">    url: //minhow.com</span><br><span class="line">    target: true</span><br><span class="line">  github:</span><br><span class="line">    title: Github</span><br><span class="line">    url: //github.com/wongminho</span><br><span class="line">    target: true</span><br><span class="line">  weibo:</span><br><span class="line">    title: Weibo</span><br><span class="line">    url: //weibo.com/WongMinHo</span><br><span class="line">    target: true</span><br><span class="line">  twitter:</span><br><span class="line">    title: Twitter</span><br><span class="line">    url: //twitter.com/huangminhow</span><br><span class="line">    target: true</span><br><span class="line">  #qq:</span><br><span class="line">  #weixin:</span><br><span class="line">  #snapchat:</span><br><span class="line">  #telegram:</span><br><span class="line">  #envelope-o:</span><br><span class="line">  #facebook:</span><br><span class="line">  #google:</span><br><span class="line">  #linkedin:</span><br><span class="line"></span><br><span class="line"># Content</span><br><span class="line"></span><br><span class="line"># Excerpt length | 摘录长度</span><br><span class="line">excerpt_length: 190</span><br><span class="line"># Excerpt link | 摘录链接</span><br><span class="line">excerpt_link: more&gt;&gt;</span><br><span class="line"># New window open link | 新窗口打开文章</span><br><span class="line">open_new_link: false</span><br><span class="line"># Article default cover picture，size：350*150 | 文章默认封面图，尺寸：350*150</span><br><span class="line">cover_picture: images/banner.jpg</span><br><span class="line"># Open background particles | 开启背景粒子</span><br><span class="line">open_bg_particle: true</span><br><span class="line"># Open animation in homepage and head | 开启主页及头部动画</span><br><span class="line">open_animation: true</span><br><span class="line"></span><br><span class="line"># Article</span><br><span class="line"></span><br><span class="line"># Open toc | 是否开启toc</span><br><span class="line">toc: true</span><br><span class="line"># Open share | 是否开启分享</span><br><span class="line">share: true</span><br><span class="line"></span><br><span class="line"># Style customization | 样式定制</span><br><span class="line">style:</span><br><span class="line">  # Main color tone | 主色调</span><br><span class="line">  main_color: &#x27;#0cc&#x27;</span><br><span class="line"></span><br><span class="line"># Reward | 打赏</span><br><span class="line"></span><br><span class="line">reward:</span><br><span class="line">  # 0-close, 1-All articles are rewarding, 2-Article&#x27;s md file has reward:true attribute, only reward</span><br><span class="line">  # 0-关闭, 1-所有文章均有打赏, 2-文章的md文件里有reward:true属性，才有打赏</span><br><span class="line">  status: 1</span><br><span class="line">  # 标题</span><br><span class="line">  title: 请我吃糖~</span><br><span class="line">  # 微信，关闭设为 false</span><br><span class="line">  wechat: images/wechat_code.jpg</span><br><span class="line">  # 支付宝，关闭设为 false</span><br><span class="line">  alipay: images/alipay_code.jpg</span><br><span class="line"></span><br><span class="line"># Comments | 评论</span><br><span class="line"></span><br><span class="line"># 畅言，输入appid和appkey</span><br><span class="line">changyan_appid: false</span><br><span class="line">changyan_appkey: false</span><br><span class="line"># 友言，输入id</span><br><span class="line">youyan_id: false</span><br><span class="line"># disqus</span><br><span class="line">disqus: false</span><br><span class="line"></span><br><span class="line"># Analytics | 分析</span><br><span class="line"># 站长分析，输入站点id</span><br><span class="line">cnzz_analytics: false</span><br><span class="line"># 百度分析，输入key值</span><br><span class="line">baidu_analytics: false</span><br><span class="line"># google analytics | google分析</span><br><span class="line">google_analytics: false</span><br><span class="line"></span><br><span class="line"># Footer</span><br><span class="line"></span><br><span class="line"># Access statistics | “不蒜子”访问量统计</span><br><span class="line">access_counter:</span><br><span class="line">  on: true</span><br><span class="line">  site_uv: 总访客数：</span><br><span class="line">  site_pv: 总访问量：</span><br><span class="line"></span><br><span class="line"># Copyright Information | 版权信息</span><br><span class="line">copyright: 2017 MinHow</span><br></pre></td></tr></table></figure>



<h4 id="4-2-文章封面图"><a href="#4-2-文章封面图" class="headerlink" title="4.2 文章封面图"></a>4.2 文章封面图</h4><p>文章默认封面图，尺寸：350*150，当文章基本配置没有<code>cover_picture</code>时才显示。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">cover_picture: images/banner.jpg</span><br></pre></td></tr></table></figure>



<h4 id="4-3-开启背景粒子"><a href="#4-3-开启背景粒子" class="headerlink" title="4.3 开启背景粒子"></a>4.3 开启背景粒子</h4><p>是否开启背景粒子。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">open_bg_particle: true</span><br></pre></td></tr></table></figure>



<h4 id="4-4-开启主页及头部动画"><a href="#4-4-开启主页及头部动画" class="headerlink" title="4.4 开启主页及头部动画"></a>4.4 开启主页及头部动画</h4><p>是否开启主页及头部动画。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">open_animation: true</span><br></pre></td></tr></table></figure>



<h4 id="4-5-评论"><a href="#4-5-评论" class="headerlink" title="4.5 评论"></a>4.5 评论</h4><p>支持畅言、友言、disqus。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"># 畅言，输入appid和appkey</span><br><span class="line">changyan_appid: false</span><br><span class="line">changyan_appkey: false</span><br><span class="line"># 友言，输入id</span><br><span class="line">youyan_id: false</span><br><span class="line"># disqus</span><br><span class="line">disqus: false</span><br><span class="line"># gitment  https://github.com/imsun/gitment</span><br><span class="line">gitment:</span><br><span class="line">  owner: false   #你的 GitHub ID</span><br><span class="line">  repo: &#x27;&#x27;   #存储评论的 repo</span><br><span class="line">  client_id: &#x27;&#x27; #client ID</span><br><span class="line">  client_secret: &#x27;&#x27;  #client secret</span><br></pre></td></tr></table></figure>



<h4 id="4-6-数据统计"><a href="#4-6-数据统计" class="headerlink" title="4.6 数据统计"></a>4.6 数据统计</h4><p>支持站长、百度、google三种数据统计，正确填写配置信息即可。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"># 站长分析，输入站点id</span><br><span class="line">cnzz_analytics: false</span><br><span class="line"># 百度分析，输入key值</span><br><span class="line">baidu_analytics: false</span><br><span class="line"># google分析</span><br><span class="line">google_analytics: false</span><br></pre></td></tr></table></figure>



<h4 id="4-7-文章基本配置"><a href="#4-7-文章基本配置" class="headerlink" title="4.7 文章基本配置"></a>4.7 文章基本配置</h4><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">---</span><br><span class="line">title: Hello World</span><br><span class="line">date: 2017-06-18</span><br><span class="line">categories: First</span><br><span class="line">author: MinHow</span><br><span class="line">tags:</span><br><span class="line">    - First</span><br><span class="line">    - Second</span><br><span class="line">cover_picture: /images/banner.jpg</span><br><span class="line">---</span><br><span class="line"> MinHow-This is a summary</span><br><span class="line">&lt;!-- more --&gt;</span><br></pre></td></tr></table></figure>

<p>可以参考[<a target="_blank" rel="noopener" href="https://github.com/WongMinHo/hexo-theme-miho/blob/master/_source/blog/installation-configuration.md">blog</a>]的写法。</p>
<p>说明：</p>
<ul>
<li>需要注意<code>tags</code>和摘要的写法，不然首页不能正确显示标签和摘要；</li>
<li><code>cover_picture</code>文章封面图，不填默认显示<code>_config.yml</code>配置的图片。</li>
</ul>
<h4 id="4-8-创建-about-页面"><a href="#4-8-创建-about-页面" class="headerlink" title="4.8 创建 about 页面"></a>4.8 创建 about 页面</h4><p>在 Hexo 目录执行如下命令：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">hexo new page about</span><br></pre></td></tr></table></figure>



<p>然后编辑<code>source/about/index.md</code>文件即可，可以参考我写好的[<a target="_blank" rel="noopener" href="https://github.com/WongMinHo/hexo-theme-miho/blob/master/_source/about/index.md">about</a>]页面。</p>

            <div class="post-copyright">
    <div class="content">
        <p>最后更新： 2022年02月26日 21:43</p>
        <p>原始链接： <a class="post-url" href="/2022/02/26/Test/" title="">http://yjq1781693582.gitee.io/blog/2022/02/26/Test/</a></p>
        <footer>
            <a href="http://yjq1781693582.gitee.io/blog">
                <img src="/images/logo.png" alt="Little Yu">
                Little Yu
            </a>
        </footer>
    </div>
</div>

      
        
            
<div class="page-reward">
    <a id="rewardBtn" href="javascript:;">赏</a>
</div>

<div id="reward" class="post-modal reward-lay">
    <a class="close" href="javascript:;" id="reward-close">×</a>
    <span class="reward-title">
        <i class="icon icon-quote-left"></i>
        请我吃糖~
        <i class="icon icon-quote-right"></i>
    </span>
    <div class="reward-content">
        
        <div class="reward-code">
            <img id="rewardCode" src="/images/wechat_code.jpg" alt="打赏二维码">
        </div>
        <div class="reward-select">
            
            <label class="reward-select-item checked" data-id="wechat" data-wechat="/images/wechat_code.jpg">
                <img class="reward-select-item-wechat" src="/images/wechat.png" alt="微信">
            </label>
            
            
            <label class="reward-select-item" data-id="alipay" data-alipay="/images/alipay_code.jpg">
                <img class="reward-select-item-alipay" src="/images/alipay.png" alt="支付宝">
            </label>
            
        </div>
    </div>
</div>


        
    </div>
    <footer class="article-footer">
        
        
<div class="post-share">
    <a href="javascript:;" id="share-sub" class="post-share-fab">
        <i class="fa fa-share-alt"></i>
    </a>
    <div class="post-share-list" id="share-list">
        <ul class="share-icons">
          <li>
            <a class="weibo share-sns" target="_blank" href="http://service.weibo.com/share/share.php?url=http://yjq1781693582.gitee.io/blog/2022/02/26/Test/&title=MyBlog&pic=http://yjq1781693582.gitee.io/blogimages/logo.png" data-title="微博">
              <i class="fa fa-weibo"></i>
            </a>
          </li>
          <li>
            <a class="weixin share-sns" id="wxFab" href="javascript:;" data-title="微信">
              <i class="fa fa-weixin"></i>
            </a>
          </li>
          <li>
            <a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http://yjq1781693582.gitee.io/blog/2022/02/26/Test/&title=MyBlog&source=考研复习期间的笔记、记录" data-title="QQ">
              <i class="fa fa-qq"></i>
            </a>
          </li>
          <li>
            <a class="facebook share-sns" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://yjq1781693582.gitee.io/blog/2022/02/26/Test/" data-title="Facebook">
              <i class="fa fa-facebook"></i>
            </a>
          </li>
          <li>
            <a class="twitter share-sns" target="_blank" href="https://twitter.com/intent/tweet?text=MyBlog&url=http://yjq1781693582.gitee.io/blog/2022/02/26/Test/&via=http://yjq1781693582.gitee.io/blog" data-title="Twitter">
              <i class="fa fa-twitter"></i>
            </a>
          </li>
          <li>
            <a class="google share-sns" target="_blank" href="https://plus.google.com/share?url=http://yjq1781693582.gitee.io/blog/2022/02/26/Test/" data-title="Google+">
              <i class="fa fa-google-plus"></i>
            </a>
          </li>
        </ul>
     </div>
</div>
<div class="post-modal wx-share" id="wxShare">
    <a class="close" href="javascript:;" id="wxShare-close">×</a>
    <p>扫一扫，分享到微信</p>
    <img src="//api.qrserver.com/v1/create-qr-code/?data=http://yjq1781693582.gitee.io/blog/2022/02/26/Test/" alt="微信分享二维码">
</div>

<div class="mask"></div>

        
        <ul class="article-footer-menu">
            
            
        </ul>
        
    </footer>
  </div>
</article>


    <aside class="post-toc-pos post-toc-top" id="post-toc">
        <nav class="post-toc-wrap">
            <ol class="post-toc"><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#%E4%B8%80-%E4%B8%BB%E9%A2%98%E7%AE%80%E4%BB%8B"><span class="post-toc-text">一. 主题简介</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#%E4%BA%8C-%E5%AE%89%E8%A3%85"><span class="post-toc-text">二. 安装</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#2-1-%E5%AE%89%E8%A3%85%E4%B8%BB%E9%A2%98"><span class="post-toc-text">2.1 安装主题</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#2-2-%E6%9B%B4%E6%96%B0"><span class="post-toc-text">2.2 更新</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#2-3-%E4%BE%9D%E8%B5%96%E5%AE%89%E8%A3%85"><span class="post-toc-text">2.3 依赖安装</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-5"><a class="post-toc-link" href="#Json-content"><span class="post-toc-text">Json-content</span></a></li></ol></li></ol></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#%E4%B8%89-%E7%AB%99%E7%82%B9%E9%85%8D%E7%BD%AE"><span class="post-toc-text">三. 站点配置</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#3-1-%E5%90%AF%E7%94%A8%E4%B8%BB%E9%A2%98"><span class="post-toc-text">3.1 启用主题</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#3-2-%E7%BD%91%E7%AB%99%E5%9F%BA%E6%9C%AC%E9%85%8D%E7%BD%AE"><span class="post-toc-text">3.2 网站基本配置</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#3-3-jsonContent%E9%85%8D%E7%BD%AE"><span class="post-toc-text">3.3 jsonContent配置</span></a></li></ol></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#%E5%9B%9B-%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE"><span class="post-toc-text">四. 主题配置</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-1-%E5%B1%9E%E6%80%A7"><span class="post-toc-text">4.1 属性</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-2-%E6%96%87%E7%AB%A0%E5%B0%81%E9%9D%A2%E5%9B%BE"><span class="post-toc-text">4.2 文章封面图</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-3-%E5%BC%80%E5%90%AF%E8%83%8C%E6%99%AF%E7%B2%92%E5%AD%90"><span class="post-toc-text">4.3 开启背景粒子</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-4-%E5%BC%80%E5%90%AF%E4%B8%BB%E9%A1%B5%E5%8F%8A%E5%A4%B4%E9%83%A8%E5%8A%A8%E7%94%BB"><span class="post-toc-text">4.4 开启主页及头部动画</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-5-%E8%AF%84%E8%AE%BA"><span class="post-toc-text">4.5 评论</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-6-%E6%95%B0%E6%8D%AE%E7%BB%9F%E8%AE%A1"><span class="post-toc-text">4.6 数据统计</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-7-%E6%96%87%E7%AB%A0%E5%9F%BA%E6%9C%AC%E9%85%8D%E7%BD%AE"><span class="post-toc-text">4.7 文章基本配置</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#4-8-%E5%88%9B%E5%BB%BA-about-%E9%A1%B5%E9%9D%A2"><span class="post-toc-text">4.8 创建 about 页面</span></a></li></ol></li></ol>
        </nav>
    </aside>
    

<nav id="article-nav">
  
  
    <a href="/2022/02/26/hello-world/" id="article-nav-older" class="article-nav-link-wrap">
      <span class="article-nav-title">Hello World</span>
      <i class="fa fa-hand-o-right" aria-hidden="true"></i>
    </a>
  
</nav>



    
</section>
        
      </div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      
<p>
    <span id="busuanzi_container_site_uv" style='display:none'>
        总访客数：<span id="busuanzi_value_site_uv"></span>
    </span>
    <span id="busuanzi_container_site_pv" style='display:none'>
        总访问量：<span id="busuanzi_value_site_pv"></span>
    </span>
</p>


      <p>
        Powered by  <a href="http://hexo.io/" target="_blank">Hexo</a>
        Theme <a href="//github.com/wongminho/hexo-theme-miho" target="_blank">MiHo</a>
      &copy; 2022 Little Yu<br>
      </p>
    </div>
  </div>
</footer>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
  var mihoConfig = {
      root: "http://yjq1781693582.gitee.io/blog",
      animate: true,
      isHome: false,
      share: true,
      reward: 1
  }
</script>
<div class="sidebar">
    <div id="sidebar-search" title="Search">
        <i class="fa fa-search"></i>
    </div>
    <div id="sidebar-category" title="Categories">
        <i class="fa fa-book"></i>
    </div>
    <div id="sidebar-tag" title="Tags">
        <i class="fa fa-tags"></i>
    </div>
    <div id="sidebar-top">
        <span class="sidebar-top-icon"><i class="fa fa-angle-up"></i></span>
    </div>
</div>
<div class="sidebar-menu-box" id="sidebar-menu-box">
    <div class="sidebar-menu-box-container">
        <div id="sidebar-menu-box-categories">
            
        </div>
        <div id="sidebar-menu-box-tags">
            
        </div>
    </div>
    <a href="javascript:;" class="sidebar-menu-box-close">&times;</a>
</div>
<div class="mobile-header-menu-nav" id="mobile-header-menu-nav">
    <div class="mobile-header-menu-container">
        <span class="title">Menus</span>
        <ul class="mobile-header-menu-navbar">
            
            <li>
                <a  href="/">
                    <i class="fa fa-home"></i><span>Home</span>
                </a>
            </li>
            
            <li>
                <a  href="/archives">
                    <i class="fa fa-archive"></i><span>Archives</span>
                </a>
            </li>
            
            <li>
                <a  href="/about">
                    <i class="fa fa-user"></i><span>About</span>
                </a>
            </li>
            
        </ul>
    </div>
    <div class="mobile-header-tag-container">
        <span class="title">Tags</span>
        <div id="mobile-header-container-tags">
            
        </div>
    </div>
</div>
<div class="search-wrap">
    <span class="search-close">&times;</span>
        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
            <i class="icon icon-lg icon-chevron-left"></i>
        </a>
        <input class="search-field" placeholder="Search..." id="keywords">
        <a id="search-submit" href="javascript:;">
            <i class="fa fa-search"></i>
        </a>
    <div class="search-container" id="search-container">
        <ul class="search-result" id="search-result">
        </ul>
    </div>
</div>

<div id="search-tpl">
    <li class="search-result-item">
        <a href="{url}" class="search-item-li">
            <span class="search-item-li-title" title="{title}">{title}</span>
        </a>
    </li>
</div>

<script src="/js/search.js"></script>


<script src="/js/main.js"></script>



  <script src="//cdn.bootcss.com/particles.js/2.0.0/particles.min.js"></script>
  <div id="particles"></div>
  
<script src="/js/particles.js"></script>








  
<link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css">

  <script src="//cdn.bootcss.com/scrollReveal.js/3.0.5/scrollreveal.js"></script>
  
<script src="/js/animate.js"></script>



  
<script src="/js/pop-img.js"></script>

  <script>
     $(".article-entry p img").popImg();
  </script>

  </div>
</body>
</html>